<template>
    <!-- 基础组件 - 图片 -->
    <el-image
        :style="{
            'display': `block`,
            'width': `${element.options.width}px`,
            'height': `${element.options.height}px`
        }"
        :src="imgSrc"
        :fit="element.options.fit"
        :alt="element.options.alt">
        <div slot="error" class="image-slot">
            <i class="el-icon-picture-outline"></i>
        </div>
    </el-image>
</template>

<script>
export default {
    name: "DesignPicture",
    props: {
        element: {
            type: Object
        }
    },
    data() {
        return {
            imgSrc: ""
        }
    }
}
</script>
